<div>
  <div class="euiFlexGroup euiFlexGroup--responsive euiFlexGroup--gutterMedium">
    <div class="euiFlexItem">
      <h3 class="euiTitle euiTitle--small">
        Vis State
      </h3>
      <div class="euiCodeBlock euiCodeBlock--light euiCodeBlock--fontSmall euiCodeBlock--paddingSmall">
        <code class="euiCodeBlock__code">
          <pre class="euiCodeBlock__pre">{{vis.getEnabledState() | json}}</pre>
        </code>
      </div>
    </div>
    <div class="euiFlexItem">
      <h3 class="euiTitle euiTitle--small">Details</h3>
      <dl class="euiDescriptionList euiDescriptionList--column">
        <dt class="euiDescriptionList__title">Type Name</dt>
        <dd class="euiDescriptionList__description">{{vis.type.name}}</dd>
        <dt class="euiDescriptionList__title">Hierarchical Data</dt>
        <dd class="euiDescriptionList__description">{{vis.isHierarchical()}}</dd>
      </dl>
    </div>
  </div>
</div>
